草庐IT

php - 实时通知 Jquery

全部标签

javascript - 同构 React 中的实时环境变量

我基于thisrepo中的初学者工具包构建了一个同构React应用程序.它使用webpack构建生产代码。问题是,我需要将服务器上的一些环境变量的值暴露给浏览器中的客户端代码,而无需重建生产代码。我希望能够更改envvars的值,并让它在下一页刷新时影响客户端,而无需重建任何东西。而且我不想为了做到这一点而使测试复杂化。我找到了一些解决方案,但都不是很好:使用webpack的DefinePlugin将某些环境变量的值硬编码到生产代码中。与概述的相似here构建一个API只是为了将env变量拉入客户端。编写一个位于webpack系统之外的特殊.js文件。该文件将被模板化,以便在将其提供给

javascript - 我究竟该如何编写回调函数来更改 AJAX 中的全局变量以用于 jquery?

好的,所以我查看了很多答案,但似乎没有一个对我想要实现的目标有帮助。假设我有以下代码:varn=0;$.ajax({...success:function(data){n=Math.floor((Math.random()*10)+1);somefunction(n);}});console.log(n)//nwouldobviouslybe0again我是通过使用async:false使其同步来实现的,但据我所知,这对用户体验不利,因为它会在等待结果时卡住浏览器。在上述情况下,我究竟如何实现回调函数以允许在ajax调用后修改全局变量n? 最佳答案

Javascript/JQuery 放置事件未在 Internet Explorer IE 11 中触发

我正在将图像从不同的浏览器选项卡拖放到我的网页的选项卡中。我的“放置”事件的事件处理程序在除InternetExplorer11之外的所有其他桌面浏览器中均有效。IE只是导航到我放置的图像的URL,而不是触发“放置”事件并让我的JS代码用它做它想做的事(就像在Windows7上的Chrome、Firefox、Opera和Safari中发生的那样).代码如下。请注意,代码中列出的警报均未触发。我什至遵循了Microsoft页面上给出的建议:https://msdn.microsoft.com/en-us/library/ms536929(v=vs.85).aspx关于取消“dragent

javascript - 是否可以针对特定的 jQuery Ajax 调用禁用 Turbolinks 以防止页面刷新和滚动?

我有一个Rails5应用程序,非常想使用Turbolinks。在应用程序中有几个PATCHajax调用,它们只是用新数据更新服务器,但不需要担心更新页面的状态。只要这些ajax请求返回,Turbolinks就会刷新页面并且浏览器会滚动到屏幕顶部。这是不可取的行为;最好让东西留在原处。禁用Turbolinks可以解决这个问题。导致问题的示例(super基本)ajax调用:$.ajax({method:"PATCH",url:url,data:obj});是否有其他人遇到过这种情况或对如何防止页面滚动发生有任何想法? 最佳答案 有同样的

javascript - 如果通知计数为零,我想要我现在拥有的(框),但如果它不为零,我希望将框更改为带有通知计数的徽章

我有一个有效的通知系统。现在,无论是否有通知,通知都会出现在中。就像计算器一样。但我的愿望是当有通知时,我希望盒子变成一个notificationcount再次就像堆栈溢出一样。所以我尝试删除一个特定的类,该类在ifcount==0时更改框的形式,并在count不为零时添加该类。我也尝试设置设置间隔,但它不起作用。你能帮帮我吗?下面是我在导航栏中的内容,我设置了通知框和徽章。notificationcount下面是我显示通知的ajax函数$(document).ready(function(){$(".notification-toggle").click(function(e){e.

javascript - jQuery 正在干扰 javascript

我正在为客户构建网站,并使用预构建主题作为起点。它带有一个js文件,该文件具有用于移动导航的点击功能,一切正常,但是当我为jQuery添加脚本标记时,移动导航中断并且控制台出现此错误:UncaughtTypeError:Cannotsetproperty'onclick'ofnull我该如何解决这个问题?导致错误的js行是document.getElementById('mobile-navigation').onclick=function(){我尝试更改该行以使用jQuery来选择元素,但这只会在js文件中进一步导致另一个错误。我该如何解决这个问题?在html中: -->

javascript - jQuery 数据表 ASP.NET 问题

我正在使用C#和JQuery数据表构建报告仪表板。页面上的其中一个报告包含一个带有下拉列表的更新面板。当用户更改选择时,数据会根据ddl选择进行刷新。在每个block中还有一个链接,可以调用服务器端将数据导出到Excel。问题是,在我单击Excel导出链接后,下拉列表失去了任何功能,其他Excel下载链接也是如此。这是我的代码:TopProducts        TherearenoproductrecordsfoundforthecriteriaprovidedIDNameQuantityDownloa

javascript - 在 Angular 2 中加载 jQuery 函数

在Angular2中加载jQuery函数的正确方法是什么?我已将我的jQuery添加到ngAfterViewInit。它适用于一条路线,但如果我导航到另一条路线(例如从id:1到id:2),它不适用于第二条路线(我对两者使用相同的组件)。它使用ngAfterViewChecked工作,但是,该函数会被执行多次(在View中的每次更改之后)。这是我的jQuery函数:$('.chips').on('chip.add',(e,chip)=>{console.log(e,chip);});Plunker 最佳答案 您的问题的一个可能的解决

javascript - setTimeout、jQuery 操作、transitionend 随机执行/触发

编辑:所以现在它不是随机的,看起来它总是无法从.css()方法执行(未进行任何更改)。仍然不要理解我可能犯的错误。我正在尝试使用jQuery和animate.css为删除一个div设置动画。问题是这个动画依赖于随机执行的事件和操作。此代码在.on("click"...处理程序中响应click运行:$('section').on('click','button',function(){//Removetheselectedcard$(this).closest('.mdl-card').addClass('animatedzoomOut').one('animationend',func

javascript - jQuery .prev() 的纯 javascript 替代品?

我有这个jQuery代码:$(".q-block-container").prev(".sub-block-container").css("border-bottom","none");我需要一个纯JavaScript等价物,如果它与选择器匹配(在本例中为.sub-block-container),我可以选择ONLY。例如,假设我有一个列表,列表中的每个项目都有一个border-bottom风格。根据特定列表项之前的兄弟项,确定是否应应用边框:在此示例中,边框不得出现在前一个兄弟上元素如果:元素是q,前一个兄弟是s元素是s,前一个兄弟元素是q元素是s,前一个兄弟是s